/*
/*杨洪强
/*2018\11\6
/*订单管理
*/ 

@import "../../lib/base.less";
.shop-order-management{width: 980px;background-color: #ffffff;margin: 0 auto;box-shadow: 0 0 6px#d1d1d1;padding: 0 0 20px 0;
    .shop-om-header{width: 980px;height: 44px;line-height: 45px;text-indent: 20px;border-top: 1px solid #fff;
        .shop-om-header-search-for{float: right;width: 311px;height: 32px;border: 1px solid #eeeeee;margin: 5px 20px 0 0;
            .shop-om-header-search-for-input{width: 257px;height: 32px;float: left;text-indent: 20px;color: #666666;}
            .shop-om-header-search-for-btn{float: right;width: 54px;height: 32px;background-color: #eeeeee;line-height: 32px;text-indent: 0;text-align: center;color: #666666;cursor: pointer;}
        }
    }
    // 订单显示条件
    .shop-om-condition-select{padding: 20px 0 4px 0;border-top:1px solid #eeeeee;
        >.shop-om-cs-item{float: left;width: 320px;height: 30px;margin: 0 0 16px 0;line-height: 28px;
            .shop-om-cs-item-title{float: left;text-align: right;width: 110px;height: 30px;padding: 0 10px 0 0;}
            .shop-om-cs-item-drop-down{float: left;width: 200px;height: 30px;position: relative;text-indent: 10px;cursor: pointer;
                .shop-om-cs-item-dd-s{width: 189px;height: 28px;border: 1px solid #eeeeee;
                    .shop-om-cs-item-dd-s-icon{float: right;background-image: url("@{imgRootDeep}/shop-Details.3.png");width: 9px;height: 5px;margin: 12px 10px 0 0;}
                }
                .shop-om-cs-item-dd-content{z-index: 5;position: absolute;border: 1px solid #eee;border-top: none;width: 189px;top: 28px;background: #fff;display: none;
                    .shop-om-cs-item-dd-content-item{height: 28px;width: 100%;}
                    .shop-om-cs-item-dd-content-item:hover{background-color: rgba(0, 0, 0, .1);}
                }
            }
            .shop-om-cs-item-drop-down-open{
                .shop-om-cs-item-dd-s{
                    .shop-om-cs-item-dd-s-icon{background: url("@{imgRootDeep}/shop-Details.4.png");}
                }
                .shop-om-cs-item-dd-content{display: block;}
            }
        }
    }
    // 按钮
    .shop-order-filter-button{text-align: center;
        button{width: 64px;height: 30px;border-radius: 3px;background-color: #eeeeee;margin: 0 5px;cursor: pointer;}
        .shop-order-filter-button-r{background-color: #e64545;color: #fff;}
        button:hover{background-color: #e64545;color: #fff;}
    }
    // 全选
    .shop-select-all{line-height: 12px;padding: 30px 0 18px 0;
        .shop-select-all-input{float: left;line-height: 12px;cursor: pointer;
            input[type="checkbox"]{vertical-align: middle;margin: 0 10px 0 28px;}
        }
        .shop-order-switching{float: right;cursor: pointer;width: 140px;height: 30px;
            // .shop-order-switching-icon{float: right;background: url("@{imgRootDeep}/shop-Details.2.png");width: 11px;height: 6px;margin: 3px 0 0 5px;}
            // .shop-order-switching-drop{position: absolute;display: none;}
        }
        .shop-number-of-order{float: right;line-height: 30px;}
    }
    // 全部订单表格
    .shop-all-order-list{width: 940px;margin: 0 auto;text-align: left;
        .shop-all-header-item{text-align: left;font-size: 12px;}
        // >.shop-table .table-tr.table-body .table-th{height: 20px;}
        .shop-order-list-col1{text-indent: 30px;}
        .shop-order-list-item-details{color: #4f8ffc;cursor: pointer;}
        .shop-order-list-col3{height: 20px;width: 204px;cursor: pointer;
            .shop-order-list-col3-img{width: 148px;height: 148px;box-shadow: 0 0 6px#d1d1d1;position: relative;top: 6px;left: -15px;display: none;
                span{background: url("@{imgRootDeep}/shop-angle.2.png");display: block;width: 12px;height: 7px;position: absolute;top: -6px;left: 50%;margin-left: -6px;}
                img{width: 100%;height: 100%;}
            }
        }
        .shop-order-list-col3:hover{
            .shop-order-list-col3-img{display: block;}
        }
        .shop-order-list-col4{height: 20px;width: 204px;position: relative;padding: 0 10px 0 0;cursor: pointer;
            span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
            .shop-order-list-col4-name{position: absolute;height: 48px;line-height: 48px;left: -48px;top: 35px;width: 999px;display: none;
                span{background: url("@{imgRootDeep}/shop-angle.2.png");display: block;width: 12px;height: 7px;position: absolute;left: 192px;top: -6px;}
                .shop-order-list-col4-name-in{float: left;padding: 0 12px;box-shadow: 0 0 6px#d1d1d1;background: #fff;}
            }
        }
        .shop-order-list-col4:hover .shop-order-list-col4-name{display: block;}
        // 物流信息
        .shop-order-list-col9{position: relative;cursor: pointer;
            >span{display: inline-block;height: 50px;position: absolute;}
            >.shop-logistics-details{z-index: 5;width: 288px;height: 268px;position: absolute;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);background-color: #ffffff;left: 50%;margin-left: -144px;top: 26px;padding: 0 0 10px 0;;display: none;
                >.shop-angle{background-image: url("@{imgRootDeep}/shop-angle.png");width: 12px;height: 7px;position: absolute;left: 50%;margin-left: -6px;top: -7px;background-repeat: no-repeat;}
                >.shop-header{width: 288px;height: 36px;line-height: 36px;border: 1px solid #eeeeee;font-size: 12px;color: #666666;text-indent: 12px}
                >.shop-main{width: 288px;text-indent: 0;padding: 14px 0 0 0;
                    >.shop-item{padding: 0 30px 0 30px;background-image: url("@{imgRootDeep}/point.png");background-repeat: no-repeat;margin: 0 0 14px 0;background-position: 15px 4px;
                        >p{line-height: 18px;font-size: 12px;
                            
                        }
                    }
                    >p{margin-bottom: 14px;
                        a{color: #a0a0a0;display: inline-block;margin-left: 30px;}
                    }
                    
                    >.shop-item-s{color: #e64545;background-image: url("@{imgRootDeep}/point-r.png");}
                }
            }
        }
        .shop-order-list-col9:hover .shop-logistics-details{display: block;}
    }
    // 退货订单表格
    .shop-return-order-list{width: 940px;margin: 0 auto;text-align: left;
        .shop-all-header-item{text-align: left;font-size: 12px;}
        >.shop-table .table-tr.table-body .table-th{height: 20px;}
        .shop-order-list-col1{text-indent: 30px;}
        .shop-order-list-item-details{color: #4f8ffc;cursor: pointer;}
        .shop-order-list-col3{height: 20px;width: 204px;cursor: pointer;
            .shop-order-list-col3-img{width: 148px;height: 148px;box-shadow: 0 0 6px#d1d1d1;position: relative;top: 6px;left: -15px;display: none;
                span{background: url("@{imgRootDeep}/shop-angle.2.png");display: block;width: 12px;height: 7px;position: absolute;top: -6px;left: 50%;margin-left: -6px;}
                img{width: 100%;height: 100%;}
            }
        }
        .shop-order-list-col3:hover{
            .shop-order-list-col3-img{display: block;}
        }
        .shop-order-list-col4{height: 20px;width: 204px;position: relative;padding: 0 10px 0 0;cursor: pointer;
            span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;display: block;}
            .shop-order-list-col4-name{position: absolute;height: 48px;line-height: 48px;left: -48px;top: 35px;width: 999px;display: none;
                span{background: url("@{imgRootDeep}/shop-angle.2.png");display: block;width: 12px;height: 7px;position: absolute;left: 192px;top: -6px;}
                .shop-order-list-col4-name-in{float: left;padding: 0 12px;box-shadow: 0 0 6px#d1d1d1;background: #fff;}
            }
        }
        .shop-order-list-col4:hover .shop-order-list-col4-name{display: block;}
        // 物流信息
        .shop-order-list-col9{position: relative;cursor: pointer;
            >span{display: inline-block;height: 50px;position: absolute;top: 4px}
            >.shop-logistics-details{z-index: 5;width: 288px;height: 268px;position: absolute;box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);background-color: #ffffff;left: 50%;margin-left: -144px;top: 26px;padding: 0 0 10px 0;display: none;
                >.shop-angle{background-image: url("@{imgRootDeep}/shop-angle.png");width: 12px;height: 7px;position: absolute;left: 50%;margin-left: -6px;top: -7px;background-repeat: no-repeat;}
                >.shop-header{width: 288px;height: 36px;line-height: 36px;border: 1px solid #eeeeee;font-size: 12px;color: #666666;text-indent: 12px}
                >.shop-main{width: 288px;text-indent: 0;padding: 14px 0 0 0;
                    >.shop-item{padding: 0 30px 0 30px;background-image: url("@{imgRootDeep}/point.png");background-repeat: no-repeat;margin: 0 0 14px 0;background-position: 15px 4px;
                        >p{line-height: 18px;font-size: 12px;}
                    }
                    >p{margin-bottom: 14px;
                        a{color: #a0a0a0;display: inline-block;margin-left: 30px;}
                    }
                    >.shop-item-s{color: #e64545;background-image: url("@{imgRootDeep}/point-r.png");}
                }
            }
        }
        .shop-order-list-col9:hover .shop-logistics-details{display: block;}
        .shop-refund-button{width: 62px;height: 26px;border: 1px solid #ff6600;font-size: 12px;color: #ff6600;border-radius: 3px;cursor: pointer;background: #fff;}
    }
    //查看详情弹窗
    .shop-details-popup{z-index: 999;width: 600px;position: fixed;top: 50%;left:50%;margin: -227px auto auto -304px;background-color: rgba(1, 1, 1, .2);padding: 4px;display: none;
        >div{width: 600px;background: #fff;
            .shop-dp-header{width: 560px;padding: 22px 0 0 0;height: 27px;border-bottom: 1px solid #e1e1e1;margin: 0 auto;
                .shop-dp-header-list{float: left;
                    .shop-dp-header-list-item{height: 26px;float: left;padding: 0 14px 0 14px;cursor: pointer;}
                    .shop-dp-header-list-item-s{border-bottom: 2px solid #e64545;color: #e64545;}
                    
                }
                .shop-dp-hesder-icon{float: right;background: url("@{imgRootDeep}/shop_user_myFocusDeleteImg.png");width: 10px;height: 10px;margin-right: -8px;cursor: pointer;}
            }
            .shop-dp-content-list{padding: 0 0 30px 0;
                .shop-dp-content-list-item{border-top: 1px solid #fff;display: none;
                    .shop-dp-cl-item-img{float: right;width: 118px;height: 148px;border:1px solid #e1e1e1;margin: 20px 35px 0 0;
                        img{width: 100%;height: 100%;}
                    }
                    .shop-dp-cl-item-content{line-height: 18px;font-size: 12px;overflow: hidden;margin-top: 15px;margin-left: 34px;
                        >span{float: left;}
                    }
                    
                }

                .shop-dp-content-list-item-s{display: block;}
            }
        }
    }
    //退货退款弹窗
    .shop-return-popup{z-index: 999;width: 600px;position: fixed;top: 50%;left:50%;margin: -227px auto auto -304px;background-color: rgba(1, 1, 1, .2);padding: 4px;display: none;
        >div{width: 600px;background: #fff;
            .shop-dp-header{height: 40px;border-bottom: 1px solid #e1e1e1;margin: 0 auto;background: #f5f5f5;line-height: 40px;font-size: 14px;text-indent: 14px;
                .shop-dp-header-list{float: left;
                    .shop-dp-header-list-item{height: 26px;float: left;padding: 0 14px 0 14px;cursor: pointer;}
                    .shop-dp-header-list-item-s{border-bottom: 2px solid #e64545;color: #e64545;}
                    
                }
                .shop-dp-hesder-icon{float: right;background: url("@{imgRootDeep}/shop_user_myFocusDeleteImg.png");width: 10px;height: 10px;margin: 14px 10px 0 0;cursor: pointer;}
            }
            .shop-dp-content-list{background: #fff;padding: 0 0 30px 0;
                .shop-dp-content-list-item{border-top: 1px solid #fff;display: none;
                    .shop-dp-cl-item-img{float: right;width: 118px;height: 148px;border:1px solid #e1e1e1;margin: 20px 35px 0 0;
                        img{width: 100%;height: 100%;}
                    }
                    .shop-dp-cl-item-content{line-height: 18px;font-size: 12px;overflow: hidden;margin-top: 15px;margin-left: 34px;
                        >span{float: left;}
                    }
                    .shop-dp-operating{margin: 48px 0 0 35px;
                        button{width: 80px;height: 30px;background: #eeeeee;border-radius: 2px;margin-right: 10px;cursor: pointer;}
                        .shop-agree-to-a-refund{background-color: #e64545;color: #fff;}
                        button:hover{background-color: #e64545;color: #fff;}
                    }
                }
                .shop-dp-content-list-item-s{display: block;}

            }
        }
    }
    .shop-dp-mask{z-index: -1;position: fixed;width: 100%;height: 100%;background: #111;opacity: .2;top: 0;left: 0;}
    // 分页
    .shop-order-management-pagination{float: right;margin: 30px 20px 0 0;}
}